<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<div id="homepage">
	<div id="fr-title" mark="home">
	欢迎使用移动考勤管理系统
	</div>
	<br><br>
	<span id="tishi">
	请点击上方【菜单】或右上方【姓名】链接进入您可使用的功能
	</span>
	<div id="left">
		<div id="daoru_muban">
		模板
		</div>
		<div id="muban_list">
			<div id="muban_title">
				导入模板下载
			</div>
			<div id="mubanlist">
				<div id="daoru_table">
					<table style="margin:auto">
						<tr><td><div><a href="#" id="mendian">门店导入</a></div></td></tr>
						<tr><td><div style="margin-top:8px;"><a href="#" id="paiban">排班导入</a></div></td></tr>
						<tr><td><div style="margin-top:8px;"><a href="#" id="xiaoliangtongji">销量统计导入</a></div></td></tr>
						<tr><td><div style="margin-top:8px;"><a href="#" id="yuangong">员工导入</a></div></td></tr>
					</table>
				</div>
				<div style="height:20px;"></div>
			</div>
		</div>
	</div>
	<!-- <div id="right">
		<div id="use_book">
		手册
		</div>
		<div id="use_book_list">
			<div id="list_title">
				使用手册下载
			</div>
			<div id="list">
				<div style="margin-top:20px;">
					<div><a href="#">Web端使用手册</a></div>
					<div style="margin-top:8px;"><a href="#">手机端使用手册</a></div>
				</div>
				<div style="height:20px;"></div>
			</div>
		</div>
	</div> -->
</div>
<style>
	#homepage{
		width:1024px;
		height:700px;
		position:relative;
		text-align:center;
		margin:0px auto;
	}
	#fr-title{
		font-size: 30px;
		text-align:center;
		vertical-align:middle;
		margin:0px auto;
		padding-top:500px;
	}
	#tishi{
		font-size: 20px;
		margin-top:0px;
		font-weight:bold;
	}
	#daoru_muban {  
        position: fixed;
		left: 0;
		top: 30%;
		width: 20px;
		height:50px;
		padding: 5px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		background: #01a578;
		color: #E8E8E8;
		font-size:18px; 
        }
    #muban_list{
		position: fixed;
		left: 0;
		top: 30%;
		width: 120px;
		display:none;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
	}
	#muban_title{
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		width: 120px;
		height:30px;
		line-height:30px;
		background: #01a578;
		font-size:16px;
		color: #E8E8E8;
		text-align:center;
	}
	#mubanlist{
		border:2px solid #018662;
		font-size:15px;
		color: #E8E8E8;
		text-align:center;
		/* background-color:#05e8aa; */
	}
    #daoru_table{
    	margin-top:20px;
    }    
        
	/* #use_book {
		position: fixed;
		right: 0;
		top: 30%;
		width: 20px;
		padding: 5px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		background: #01a578;
		color: #E8E8E8;
		font-size:18px;
	}
	#use_book_list{
		position: fixed;
		right: 0;
		top: 30%;
		width: 120px;
		display:none;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
	}
	#list_title{
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		width: 120px;
		height:30px;
		line-height:30px;
		background: #01a578;
		font-size:16px;
		color: #E8E8E8;
		text-align:center;
	}
	#list{
		border:2px solid #018662;
		font-size:15px;
		color: #E8E8E8;
	} */
	a:link {color: black}
	a:visited {color: black}
	a:hover {color: black}
	a:active {color: black}
</style>

